<%--
  Created by IntelliJ IDEA.
  User: machenike
  Date: 2020/8/11
  Time: 16:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>上海南泉大酒店</title>
    <jsp:include page="/public/danhang.jsp"/>
    <link rel="stylesheet" href="/public/daohang.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="hotelDetail.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="../static/layui/css/layui.css">


</head>
<body>


<div class="body-nav">
    <div class="nav-nav">
        <div><a class="accurate-local" href="/hotel/hotelIndex.jsp">酒店预订</a></div>
        <div><p> > </p></div>
        <div><a class="accurate-local">上海酒店</a></div>
        <div><p> > </p></div>
        <div><a class="accurate-local">浦东新区</a></div>
        <div><p> > </p></div>
        <div><a class="accurate-local">上海南泉大酒店</a></div>
    </div>

    <div class="nav-search">
        <span>目的地</span><input class="text-short" autocomplete="on"placeholder="上海" type="text" name="hotel_local">
        <span>入住日期</span><input class="text-short" type="date" value="2020-08-03">
        <span>退房日期</span><input class="text-short" type="date" value="2020-08-04">
        <span>房间数</span>
        <span >
                <select class="room-sel">
                    <option value="room">1间</option>
                    <option value="room">2间</option>
                    <option value="room">3间</option>
                    <option value="room">4间</option>
                    <option value="room">5间</option>
                    <option value="room">6间</option>
                    <option value="room">7间</option>
                    <option value="room">8间</option>
                    <option value="room">9间</option>
                    <option value="room">10间</option>
                </select>
            </span>
        <span>住客数</span>
        <span>
                <select class="people-sel">
                    <option value="people">1成人</option>
                    <option value="people">2成人</option>
                    <option value="people">3成人</option>
                    <option value="people">4成人</option>
                    <option value="people">5成人</option>
                    <option value="people">6成人</option>
                    <option value="people">7成人</option>
                    <option value="people">8成人</option>
                    <option value="people">9成人</option>
                    <option value="people">10成人</option>
                </select>
            </span>
        <span class="keyword">关键词</span><input name="hotel_name" class="search" autocomplete="off" placeholder="(选填）酒店名/地标/商圈" type="text" vaule="input">
        <button type="submit" class="xc-content-search"value="搜索">查看其他酒店</button>
    </div>
</div>
<div class="hotel-buy">
    <a href="">
        <div class="hotel-title">
            <p>上海南泉大酒店</p>
            <img src="//dimg11.c-ctrip.com/images/hotel/53000/52741/941abc93388f496cb660691cf8b48bde_R_300_225.jpg">
        </div>
        <div class="_login"></div>
    </a>
    <div class="types">
        <p class="p1">房型</p>
        <p class="p2">床型</p>
        <p class="p3">早餐</p>
        <p class="p4">入住人数</p>
        <p class="p5">政策</p>
        <p class="p6">房价</p>
    </div>
    <div class="hotel-introduce">
        <div class="p1-detail">
            <img src="https://himg5.qunarzz.com/imgs/201812/15/C._M0DCiigTqVEcHY6ii240.jpg">
        </div>
        <div class="bed-type">大床</div>
        <div class="food">无餐食</div>
        <div class="put-people">2人</div>
        <div class="zhence">
            <p>取消扣全款</p>
            <p>约30分钟确认</p>
        </div>
        <div class="hotel-price-div">
            <span>￥</span>
            <span>456</span>
        </div>
        <div class="pay-div">
            <button type="submit" id="pay-btn" value="pay" onclick="openPopup()">
                预订.<span>在线付</span>
            </button>
        </div>
    </div>
</div>
<script>
    function openPopup() {//利用对话框返回的值 （true 或者 false）
        //取消div的隐藏
        document.getElementById("myPopup").style.display = "";
    }

    function closePopup() {
        //重新设置隐藏
        document.getElementById("myPopup").style.display = "none";
    }

    function greet() {
        document.getElementById("myPopup").style.display = "none";
        //这里可以写确定以后的操作
        //````````
        //````````
    }

</script>
<div class="type1" id="myPopup" style="display: none">
    <form action="/api/hotel/reserve">
        <p>确定预订酒店吗</p>
        <br>
        <br>
        <input type="button" class="type2" value="取消" onclick="closePopup()">
        <a href="/order/AddOrder.jsp">
            <input type="button" class="type2" value="确定" onclick="greet()">
        </a>

    </form>

</div>

</body>
</html>
